<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="template">

<head>
    <title>支付管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" charset="utf-8"/>
    <title>会员管理</title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/userCenter.css"/>
    <link rel="stylesheet" href="../css/subscribe.css"/>
    <link rel="stylesheet" href="../css/zoomify.css"/>
    <script src="../js/userCenter.js"></script>
    <script src="../js/zoomify.min.js"></script>

    <!--<script>-->

    <!--function show() {-->
    <!--document.getElementById("show_hidden").style.display = "block";-->
    <!--}-->

    <!--function hide() {-->
    <!--document.getElementById("show_hidden").style.display = "none";-->
    <!--}-->

    <!--</script>-->

</head>
<body id="orange">
<div class="container">

    <div class="content">

        <div class="container-right" layout:fragment="content">
            <div class="crumbs">
                <ul>
                    <li><a href="/index/home">首页</a><i class="triangle-icon"></i></li>
                    <li><a href="/userCenter/userInfo">会员管理</a><i class="triangle-icon"></i></li>
                    <li class="active"><a href="">会员中心</a></li>
                </ul>
            </div>
            <main>
                <section>
                    <div class="detailSub">
                        <form id="orderCenterForm" action="/order/updateOrder" method="post">
                            <div class="page-main">
                                <input type="hidden" th:value="${order.orderid}" name="orderid"/>

                                <div style="text-align: center;width: 100%; height: 40px; color: #ee7a28; font-size: 25px; font-weight: bold">
                                    尊敬的
                                    <label th:text="${user.username}" style="color: #ee7a28; font-size: 25px"></label>
                                    先生 您预约的订单已提交成功
                                </div>

                                <div style="text-align: center;width: 100%; height: 40px; color: #ee7a28; font-size: 20px">
                                    预约详情
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px; margin-left: 60px">
                                        <label>店名</label>
                                    </div>
                                    <input type="text" class="btnText" style="width:200px;"
                                           th:value="${station.stationname}" disabled="disabled"/>
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px; margin-left: 60px">
                                        <label>车辆类型</label>
                                    </div>
                                    <input type="text" class="btnText" style="width:200px;"
                                           th:value="${order.vehicletypename}" disabled="disabled"/>
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px; margin-left: 60px">
                                        <label>车辆号码</label>
                                    </div>
                                    <input type="text" class="btnText" style="width:200px;"
                                           th:value="${order.plateNumber}" disabled="disabled"/>
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 60px">
                                        <label>支付金额</label>
                                    </div>
                                    <input type="text" class="btnText" style="width:200px;"
                                           th:value="${order.cost}" disabled="disabled"/>
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 60px">
                                        <label>预约日期</label>
                                    </div>
                                    <input id="reservationday" type="datetime-local" class="btnText"
                                           style="width:200px;"
                                           name="reservationday" th:value="${order.reservationday}"
                                           th:disabled="${disabled}"/>
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 60px">
                                        <label>站点地址</label>
                                    </div>
                                    <input type="text" class="btnText" style="width:200px;"
                                           th:value="${station.address}" disabled="disabled"/>
                                </div>

                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 60px">
                                        <label>取件方式</label>
                                    </div>

                                    <div style="width:200px; margin-left: 435px; margin-top: 7px">
                                        <input type="radio" value="0" id="ziqv" name="takemode"
                                               th:checked="${order.takemode=='1'}" onclick="hide()"/>
                                        <span class="online-payment-custom active"></span>
                                        <label for="ziqv">到店自取</label>

                                        <input type="radio" value="1" id="youji" name="takemode"
                                               th:checked="${order.takemode=='2'}" onclick="show()"/>
                                        <span class="shop-payment-custom"></span>
                                        <label for="youji">邮寄</label>
                                    </div>

                                </div>
                                <br/>


                                <!--<div id="show_hidden" style="display: none;">-->
                                <div>
                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 60px">
                                        <label>邮寄地址</label>
                                    </div>

                                    <div style="width:200px; margin-left: 435px; margin-top: 7px">
                                        <input type="text" style="width:200px; margin-left: 30px"
                                               th:value="${address.address}" disabled="disabled"/>
                                        <a href="/address/queryAddress">
                                            <input type="button" style="width:212px; margin-left: 30px" value="更改地址"/>
                                        </a>
                                    </div>
                                </div>

                                <br/>

                                <div>

                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 60px">
                                        <label>支付方式</label>
                                    </div>

                                    <div style="width: 350px;text-align: right;margin-bottom: -28px;margin-left: 465px">
                                        <div class="shop-payment">
                                            <input type="radio" value="0" id="zhifubao" name="paymentmode"
                                                   th:checked="${order.paymentmode=='1'}"/>
                                            <label for="zhifubao"><img src="../img/zhifubao.jpg"/></label>
                                        </div>

                                        <div class="shop-payment">
                                            <input type="radio" value="1" id="weixin" name="paymentmode"
                                                   th:checked="${order.paymentmode=='2'}"/>
                                            <label for="weixin"><img src="../img/weixin.jpg"/></label>
                                        </div>
                                        <div class="shop-payment">
                                            <input type="radio" value="2" id="yinlian" name="paymentmode"
                                                   th:checked="${order.paymentmode=='3'}"/>
                                            <label for="yinlian"><img src="../img/yinlian.jpg"/></label>
                                        </div>
                                    </div>

                                </div>

                                <div>
                                    <button class="btnSub" type="submit" style="width:214px" onclick="commitFn()">确认
                                    </button>
                                </div>
                            </div>
                        </form>

                    </div>

                </section>
            </main>
        </div>
    </div>
</div>


</body>
</html>